<template>
	<view class="page">
		<view class="item">
			<image :src="$wanlshop.oss('/uploads/staticImage/restaurant/user/password.png')" mode="widthFix"></image>
			
			<input type="text" placeholder="请输入新密码" />
		</view>
		<view class="item">
			<image :src="$wanlshop.oss('/uploads/staticImage/restaurant/user/password.png')" mode="widthFix"></image>
			<input type="text" placeholder="请再次输入密码" />
		</view>
		
		<view class="btn">
			提交
		</view>
	</view>
</template>

<script>
	import {mapState} from 'vuex';
	export default {
		data() {
			return {
				
			}
		},
		computed: {
			...mapState(['user','common'])
		},
		methods: {
			
		}
	}
</script>
<style lang="less">
	page {
		background-color: #fff;
	}
</style>
<style lang="less" scoped>

.item {
	margin: 0 auto;
	width: 590rpx;
	height: 80rpx;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1rpx solid #E0E0E0;
	&:nth-child(1) {
		margin-bottom: 80rpx;
		margin-top: 140rpx;
	}
	image {
		width: 52rpx;
		height: 52rpx;
		margin-right: 10rpx;
	}
	input {
		flex: 1;
	}
}
.btn {
	position: fixed;
	bottom: 300rpx;
	left: 50%;
	margin-left: -255rpx;
	width: 510rpx;
	height: 84rpx;
	background: #FA802A;
	border-radius: 42rpx;
	text-align: center;
	line-height: 84rpx;
	color: #fff;
	font-size: 36rpx;
}
</style>
